<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--&#45;&#45; 引入 jQuery &ndash;&gt;-->
    <script src="js/jquery-1.3.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        //等待dom元素加载完毕.
        $(document).ready(function(){
            var domObj = document.getElementsByTagName("h3")[0]; // Dom对象
            var $jQueryObj = $(domObj);  //jQuery对象
            alert("DOM对象："+domObj.innerHTML);
            alert("jQuery对象："+$jQueryObj.html());
        });
    </script>
</head>
<body>
<h3>例子</h3>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
    <li>苹果</li>
    <li>橘子</li>
    <li>菠萝</li>
</ul>
</body>
</html>